<template>
  <div id="app">
    <img alt="Vue logo" src="./assets/sunqian.jpg" style="width:300px">
    <!-- <HelloWorld msg="美女妖且闲，采桑岐路间。柔条纷冉冉，落叶何翩翩，攘袖见素手，皎腕约金环。头上金爵钗，腰佩翠琅玕。明珠交玉体，珊瑚间木难。罗衣何飘飘，轻裾随风远。顾盼遗光彩，长啸气若兰手如柔荑，肤如凝脂，领如蝤蛴，齿如瓠犀，螓首蛾眉，巧笑倩兮，美目盼兮"/> -->
    <hello-world msg="忽如一夜春风来，千树万树梨花开"></hello-world>
    <!-- <HelloWorld>和<hello-world>表达的效果是一样的只是小写需要使用-连接 -->
  </div>
</template>

<script>
// 组件引入
import HelloWorld from './components/HelloWorld.vue'

export default {
  name: 'App',
  // 组件注册后才能使用
  components: {
    HelloWorld
  }
}
</script>

<style>
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #14e9f8;
  margin-top: 60px;
}
</style>
